<!-- 添加品牌 -->
<template>
  <div class="page">
    <el-dialog title="添加品牌" :visible.sync="show" @closed="handleClosed">
      <el-row gutter="20">
        <el-col span="12">
          <el-input class="input-item" placeholder="请输入品牌名称"></el-input>
          <el-input class="input-item" placeholder="产品多个"></el-input>
          <el-select class="input-item" multiple placeholder="请选择行业"></el-select>
          <el-select class="input-item" placeholder="二级品类多选"></el-select>
          <el-button class="input-item" @click>
            上传Logo
            <i class="el-icon-upload el-icon--right"></i>
          </el-button>
          <el-button class="input-done-btn" type="success" @click>确认添加</el-button>
        </el-col>

        <el-col span="12">
          <el-card class="box-card">
            <div v-for="o in 4" :key="o" class="text item">{{'列表内容 ' + o }}
              <el-divider></el-divider>
            </div>
          </el-card>
        </el-col>
      </el-row>
    </el-dialog>
  </div>
</template>

<script>
export default {
  props: ["show"],
  mounted() {},
  data() {
    return {};
  },
  methods: {
    handleClosed() {
      this.$emit("closed");
    },
    handleUpload() {
      alert("11111111");
    }
  }
};
</script>


<style scoped>
.body {
  display: flex;
  flex-direction: row;
}
.input-item {
  margin-bottom: 10px;
  width: 100%;
  font-weight: normal;
}
.input-done-btn {
  margin-left: 0;
  width: 100%;
}
</style>